/* CSS Document */

.Product{ padding:30px 0;}

.box-nav .title{ margin-bottom:20px;}
.box-nav dl{ padding:0 40px; margin:0;}
.box-nav dt{ background:#e6e6e6; font-size:16px; color:#000; height:40px; line-height:42px; text-indent:10px; font-weight: 600;}
.box-nav dt i{ float:left; display:inline-block; width:30px; height:40px; background:url(../images/ipro-icon2.png) no-repeat center #d5d5d5;}
.box-nav dd{ padding:12px 0 12px 40px; border-bottom:1px dashed #d2d2d2; margin:0; position:relative;}
.box-nav dd a{ font-size:14px; color:#676767;}
.box-nav dd:last-child{ border-bottom:none;}
.box-nav dd:hover a{ color:#126ea4; display:inline-block; width:100%; height:100%;}
.box-nav dd::before{ content:""; position:absolute; width:2px; transition: all 0.3s linear 0s; height:0px; background: #126ea4; display:inline-block; top: 13px;    left: 16px;}
.box-nav dd:hover::before{ height:16px; }

.product-list{ padding-top:20px;}
.product-list ul{ list-style-type:none; padding:0;}
.product-list li{ margin-bottom:20px;}
.product-list li:nth-child(3n-2){ clear: left;}
.product-list li .img{ overflow:hidden;/* height: 178px; */}
.product-list li .img img{ width:100%; transition: all 0.3s linear 0s;}
.product-list li:hover .img img{  transform: scale(1.1,1.1); }
.product-list li .text{}
.product-list li .text .title{ font-size:14px; color:#000; text-align:center; padding:8px 0  4px;}
.product-list li .text .p{ font-size:14px; color:#797979; text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden; }
.product-list li:hover .text .title{ color:#126ea4;}

.product-con{ margin-top:36px;}
.pro-img img{ width:100%;}
.pro-text .title{ font-size:18px; color:#ec414d; font-weight:bold; border-bottom:1px dashed #d2d2d2; padding-bottom:18px;}
.pro-text ul{ list-style-type:none; margin:0; padding:0;}
.pro-text li{ font-size:14px; color:#979797; padding:10px 0;}
.pro-text li span{ color:#000;}

.pro-js{ margin-top:20px;}

.product-con .box-title{ border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; margin-bottom:6px;}
.product-con .box-title span{ display:inline-block; width:120px; height:35px; line-height:35px; text-align:center; background:#126ea4; color:#fff; font-size:18px; font-weight:600;}

.product-con .product-list .box-title{ margin-bottom:20px;}
.product-con .product-list{ padding:20px 15px;}

.pro-con{ padding:15px 20px;}
.pro-con img{ max-width:100%;}



.news-list{ padding:0 15px;}
.news-list *{ transition: all 0.3s linear 0s;}
.news-list ul{ list-style-type:none; margin:0; padding:0;}
.news-list li{ margin:0 -15px; overflow:hidden; padding:20px 0; border-bottom:1px dashed #d2d2d2;}
.news-list li:last-child{ border-bottom:none;}
.news-list li .img{ overflow:hidden;}
.news-list li:hover .img img{ opacity:.8;}
.news-list li .text .title{ font-size:16px; color:#000; font-weight:600; margin:0 0 10px;}
.news-list li .text .p{ text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden; font-size:14px; color:#676767; line-height:24px;}
.news-list li .text .date{ font-size:14px; color:#676767; margin-top:10px;}
.news-list li .text .date span{ display:inline-block; margin-right:6%;}
.news-list li .text .btna{ float:right; margin-top: 4%;}
.news-list li .text .btna span{ display:inline-block; width:100px; height:30px; font-size:14px; color:#fff; border-radius:6px; background:#126ea4; text-align:center; line-height:30px;}
.news-list li:hover .text .title{ color:#126ea4;}
.news-list li .text .btna span:hover{ background:#115882;}


@media (max-width: 992px){
.news-list li .text .title{ margin-top:20px;}
.product-list li:nth-child(3n-2){ clear:inherit;}
.product-list li:nth-child(2n-1){ clear: left;}
}